<template>
    <view>
        <view class="index" @click="goToSub" v-if="user.mode==1">
            <cdn-img src="/static/stay/talent.png" class="box" />
        </view>
        <view @click="goToPhotographer" v-if="user.mode==2">
            <cdn-img src="/static/stay/photographer.png" class="box" />
        </view>
    </view>
</template>

<script setup>
import { useUserStore } from '@/stores'
import { useDidShow } from '@tarojs/taro'
import { navigateTo } from '@/router'

const user = useUserStore()

useDidShow(() => console.log('onShow'))

const goToSub = () => {
    navigateTo({ url: '/pagesub/verify/index' })
    //   navigateTo({ url: '/pagesub/sub2/index' })
}

const goToPhotographer = () => {
    navigateTo({ url: '/pagesub/photographer/index' })
    //   navigateTo({ url: '/pagesub/sub2/index' })
}
</script>
<style lang="scss">
.box {
    width: 325px;
    height: 140px;
    display: flex;
    margin: 18px 25px;

}
</style>
